<%@ page language="java" import="java.util.*" contentType="text/html; charset=utf-8" pageEncoding="utf-8" %>
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <title>茶香</title>
    <!-- Tell the browser to be responsive to screen width -->
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
        <link rel="stylesheet" href="<%=request.getContextPath() %>/resources/css/menu.css">
    <link rel="stylesheet" href="<%=request.getContextPath() %>/resources/bootstrap/css/bootstrap.min.css">
    	<link href="<%=request.getContextPath() %>/resources/img/tea.png" rel="icon">

    <script src="<%=request.getContextPath() %>/resources/jquery/jquery-1.11.3.min.js"></script>
	<script src="<%=request.getContextPath() %>/resources/bootstrap/js/bootstrap.min.js"></script>
		<script src="<%=request.getContextPath() %>/resources/js/menu.js"></script>	
		<style>
		  @charset "utf-8";
        body,h1,h2,h3,h4,h5,h6,hr,p,blockquote,dl,dt,dd,ul,ol,li,pre,form,fieldset,legend,button,input,textarea,th,td,figure{margin:0;padding:0}
        html{background-color:rgba(193, 247, 176, 0.466)}
        
        table{table-layout:fixed;border-collapse:collapse}
        section,article,aside,header,footer,nav,dialog,figure{display:block}
        .clearfix:after{content:"\20";display:block;height:0;line-height:0;font-size:0;clear:both}
        body,button,input,select,textarea,td,th{color:#333;font:12px/1.5 tahoma,arial,\5b8b\4f53}
        h1,h2,h3,h4,h5,h6{font-size:100%}
        address,cite,dfn,em,var{font-style:normal}
        code,kbd,pre,samp{font-family:courier new,courier,monospace}
        small{font-size:12px}ul,ol{list-style:none}a{text-decoration:none;color:#06C}
        a:hover{text-decoration:underline;color:#06C}
        sup{vertical-align:text-top}
        sub{vertical-align:text-bottom}
        legend{color:#000}
        fieldset,img{border:0 none}
        button,input,select,textarea{font-size:100%}
        table{border-collapse:collapse;border-spacing:0}
        input:focus{outline:none}
        .hd-main{height:60px;background:#fff;z-index:15;border-bottom:#b3b3b3 1px solid;box-shadow:0 0 5px #333}
        .f-icon{background-image:url('/jscss/demoimg/201403//frame-icon.png');background-repeat:no-repeat}
        .hd-main{padding:0 5px;height:49px;min-width:800px;background:#30A12B;border-bottom:0}
        .hd-main .has-pulldown{cursor:pointer;position:relative;*z-index:10000}
        .hd-main .pulldown{position:absolute;cursor:default;display:none;top:30px;left:0}
        .hd-main .pulldown .arrow{*margin-bottom:-1px;_margin-bottom:0;height:0;width:0;font-size:0;line-height:0;border-width:7px;border-style:solid;border-color:transparent transparent #F6F6F9 transparent;_filter:chroma(color=tomato);_border-color:tomato tomato #F6F6F9 tomato;position:relative;display:block;left:20px;z-index:2}
        .hd-main .pulldown .content{background-image: linear-gradient(to top, #fff,rgba(114, 233, 84, 0.733)); height: 900px;color:#333;text-align:left;border-radius:5px;border:rgb(175,175,175) 1px solid;border-width:0 1px 1px 1px;box-shadow:0 2px 4px rgba(0,0,0,.2);position:relative;z-index:1}
        .hd-main .pulldown-canvas{position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;filter:alpha(opacity=0)}
        .hd-main .logo{background-image:url('<%=request.getContextPath() %>/resources/img/logo.png');background-repeat:no-repeat;display:block;height:60px;width:175px;float:left;margin-left:10px;background-position:0 0;margin-top:-1px;display:inline}
        .hd-main .navs{padding:0 0 3px 25px;height:45px;float:left}
        .hd-main .navs a,.hd-main .info a,.hd-main .navs a:visited,.hd-main .info a:visited,.hd-main .navs a:active,.hd-main .info a:active{color:#d8d8d8}
        .hd-main .navs a:hover,.hd-main .navs a:active{text-decoration:none;background-color:green}
        .hd-main .navs .def-nav,.hd-main .navs .pulldown-nav,.hd-main .navs .separate{display:block;float:left;height:48px;font:18px/30px "Microsoft YaHei","Microsoft JhengHei";color:#d8d8d8;text-align:center;width:90px;line-height:48px}
        .hd-main .navs .def-nav .app-url{left:185px;width:641px;top:48px}
        .hd-main .navs .def-nav .pulldown-canvas-url{width:575px;height:109px}
        .hd-main .navs .def-nav .app-url .arrow{left:140px}
        .hd-main .navs .app-url .content{padding:17px 0 0 22px;height:91px}
        .hd-main .navs .app-url .content a,.hd-main .navs .app-url .content a:hover{color:#333}
        .hd-main .navs .app-url .li{cursor:pointer;padding-top:8px;width:66px;height:66px;border-radius:3px;display:block;float:left;text-align:center}
        .hd-main .navs .app-url .li:hover{background-color:#A9CF3C}
        .hd-main .navs .app-url .li .icon{margin:0 auto;width:35px;height:38px;display:block;background:url('<%=request.getContextPath() %>/resources/img/dropdown_menu.png') no-repeat}
        .hd-main .navs .app-url .li:hover .icon{background-image:url('/jscss/demoimg/201403//dropdown_menu_hover.png')}
        .hd-main .navs .app-url .tongxunlu .icon{background-position:-35px 0}
        .hd-main .navs .app-url .xiangce .icon{background-position:-70px 0}
        .hd-main .navs .app-url .note .icon{background-position:-105px 0}
        .hd-main .navs .app-url .duanxin .icon{background-position:-140px 0}
        .hd-main .navs .app-url .zhaohui .icon{background-position:-175px 0}
        .hd-main .navs .app-url .youxi .icon{background-position:-210px 0}
        .hd-main .navs .app-url .jiankang .icon{background-position:-245px 0}
        .hd-main .navs .app-url .wenzhang .icon{background-position:-280px 0}
        .hd-main .navs .app-url .li .text{height:30px;display:block;font:14px/30px "Microsoft YaHei","Microsoft JhengHei"}
        .hd-main .navs .separate{margin:0;height:48px;width:2px;background:#30A12B}
        .hd-main .navs .pulldown-nav{position:relative}
        .hd-main .navs .pulldown-nav em{position:absolute;display:block;left:69px;top:18px;height:12px;width:12px;font-size:0;background-position:-89px -45px}
        .hd-main .navs .pulldown-nav:hover .f-icon,.hd-main .navs .pulldown-nav:active .f-icon{position:absolute;display:block;right:11px;top:18px;height:12px;width:12px;font-size:0;background-position:-89px -55px}
        .hd-main .navs .current,.hd-main .navs .current .pulldown-nav{font-weight:bold;color:#FFF;display:inline-block;width:90px;height:49px;background-color:#187B21;text-align:center;line-height:48px}
        .hd-main .navs .current:hover{color:#ECECEC}
        .hd-main .navs .current .hover{background-color:#f6f6f6;color:#333;}
        .hd-main .info,.hd-main .info ul{height:36px;float:right;text-align:right;margin-top:3px;white-space:nowrap}
        .hd-main .info a{color:#d8d8d8}
        .hd-main .info a:hover{color:#FFF;text-decoration:underline}
        .hd-main .info .info-i{padding:0 10px;margin:10px 0;display:inline-block;*display:inline;*zoom:1;height:0px;color:#d8d8d8;font:12px/16px "SimSun"}
        .hd-main{padding:0 5px;height:49px;min-width:800px;background:#30A12B;border-bottom:0}
        .hd-main .info .has-pulldown{padding-right:28px}
        .hd-main .info .has-pulldown .pull-arrow{position:absolute;display:block;right:10px;top:1px;height:12px;width:12px;font-size:0;background-position:-89px -45px}
        .hd-main .info .no-separate{border:none}
        .hd-main .info .user-name{position:relative;padding-left:24px}
        .hd-main .info .user-name .name{display:inline-block;display:inline\0;white-space:nowrap;max-width:75px;overflow:hidden;text-overflow:ellipsis;vertical-align:bottom}
        .hd-main .info .user-name .identity{position:absolute;top:0;left:0;height:16px;width:16px;background-position:-89px -88px}
        .hd-main .info .user-name .is-vip{background-position:-89px -68px}
        .hd-main .info .user-info,.hd-main .info .more-info{top:9px;left:auto;right:-24px;width:116px}
        .hd-main .info .notice-nu{display:inline-block;padding-left:4px;background-position:-86px -109px;height:14px;-webkit-text-size-adjust:none;font-size:10px;font-style:normal}
        .hd-main .info .notice-nu .f-icon{display:inline-block;padding-right:4px;background-position:right -109px;color:rgb(196, 67, 67)}
        .hd-main .info .user-info .arrow{left:70px;*left:-32px}
        .hd-main .info .user-info .content,.hd-main .info .more-info .content{padding:10px 0;height:180px}
        .hd-main .info .more{padding:0;display:inline;line-height:inherit;background:none}
        .hd-main .info .more-info .content{height:180px}
        .hd-main .info .user-info .content a,.hd-main .info .more-info .content a{display:block;padding-left:33px;height:30px;line-height:30px;color:#888}
        .hd-main .info .user-info .content a:hover,.hd-main .info .more-info .content a:hover{color:#333;text-decoration:none;background:#187B21}
        .hd-main .info .user-info .li,.hd-main .info .more-info .li{display:block;padding:2px 0;height:30px}
        .hd-main .info .user-info .separate-li,.hd-main .info .more-info .separate-li{display:block;margin:3px 11px;border-top:#EBEBEC 1px solid;border-bottom:#FFF 1px solid}
        .hd-main .info .more-info{right:0}
        .hd-main .info .more-info .arrow{left:94px;*left:-8px}
		
		</style>	
</head>


<script type="text/javascript">
$(document).ready(function(){
	$(".def-nav,.info-i").hover(function(){
		$(this).find(".pulldown-nav").addClass("hover");
		$(this).find(".pulldown").show();
	},function(){
		$(this).find(".pulldown").hide();
		$(this).find(".pulldown-nav").removeClass("hover");
	});
});
</script>
<div class="hd-main clearfix" id="header">
	<a class="logo" href="<%=request.getContextPath() %>/main?nickname=qwqw&usersequence"></a>
	<div class="navs">
		<a class="def-nav" href="<%=request.getContextPath() %>/teashopping">茶商城</a>
		<span class="separate"></span>
		<div class="def-nav current has-pulldown-special">
			<a class="pulldown-nav" href=""><em class="f-icon"></em>论坛</a>
			<div class="pulldown app-url">
				<div class="content">
					<a class="li disk" href="<%=request.getContextPath() %>/chatTea">
						<span class="icon"></span>
						<span class="text">大众社区</span>
					</a>
					<a class="li tongxunlu" href="<%=request.getContextPath() %>/friendlist">
						<span class="icon"></span>
						<span class="text">通讯录</span>
					</a>
					<!-- <a class="li xiangce" href="">
						<span class="icon"></span>
						<span class="text">相册</span>
					</a> -->
					<a class="li wenzhang" href="<%=request.getContextPath() %>/createNewMessage">
						<span class="icon"></span>
						<span class="text">新建文章</span>
					</a>
					<a class="li wenzhang" href="<%=request.getContextPath() %>/newmessagelist">
						<span class="icon"></span>
						<span class="text">文章列表</span>
					</a>
					<a class="li note" href="">
						<span class="icon"></span>
						<span class="text">记事本</span>
					</a>
					<a class="li duanxin" href="<%=request.getContextPath() %>/allpeoplechat">
						<span class="icon"></span>
						<span class="text">聊天</span>
					</a>
					<a class="li zhaohui" href="<%=request.getContextPath() %>/findfriend">
						<span class="icon"></span>
						<span class="text">查找好友</span>
					</a>
					<a class="li youxi" href="<%=request.getContextPath() %>/applymsghandle">
						<span class="icon"></span>
						<span class="text">申请列表</span>
					</a>
					
				</div>
			</div>
		</div>
		<span class="separate"></span>
        <a class="def-nav" href="<%=request.getContextPath() %>/map">附近</a>
        <span class="separate"></span>
		<a class="def-nav" href="<%=request.getContextPath() %>/shoppingcart">购物车</a>
	</div>
	 <form class="navbar-form navbar-left">
        <div class="form-group">
          <input type="text" class="form-control" placeholder="茶叶种类" id="teaText" >
        </div>
        <button type="button" onclick="query()" class="btn btn-success" style="border-radius:20px;">查询</button>
      </form>
	<div class="info">
		<ul>
			<li class="info-i user-name has-pulldown">
				<em class="f-icon pull-arrow"></em>
				 <span><img class="menu_img name top-username" src="<%=session.getAttribute("img") %>" alt="<%=request.getContextPath() %>/resources/img/default.png" style="height:30px;width:30px;border-radius:50%;margin-top:-5px;margin-right:-25px;"></span>
				<!-- <span class="name top-username">李四</span> -->
				<div class="pulldown user-info">
					<em class="arrow"></em>
					<div class="content">
						<span class="li"><a href="<%=request.getContextPath() %>/personal">个人中心</a></span>
						<span class="li"><a href="<%=request.getContextPath() %>/suggest">您的建议</a></span>
						 <span class="li"><a href="">使用说明</a></span>
						<span class="li"><a href="">关于我们</a></span>
						<span class="separate-li no-height"></span>
						<span class="li"><a href="<%=request.getContextPath() %>/login" id="signout">退出</a></span>
						<%-- <li><a href="<%=request.getContextPath() %>/login">注销</a></li> --%>
					</div>
				</div>
			</li>
		</ul>
	</div>
</div>
<div style="text-align:center;margin:50px 0; font:normal 14px/24px 'MicroSoft YaHei';">
</div>